<script>
    // increase the default animation speed to exaggerate the effect
    $.fx.speeds._default = 1000;
    $(function() {
        $( "#dialog" ).dialog({
            autoOpen: false,
            show: 10,
            hide: 10,
            modal: true,
            resizable: false,
            height: 100
        });
    });
</script>



<div class="demo">

    <div id="dialog" title="Informação" style="text-align: center; padding: 10px; color: #666; line-height: 1.2em; font-size: 1.0em;">
        <img src="<?php echo $this->baseUrl(); ?>/img/load1.gif" />
        <p>
            Carregando dados...
        </p>
    </div>

</div><!-- End demo -->